<!DOCTYPE html>
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <meta http-equiv="X-UA-Compatible" content="IE=9"/>
    <title>productType</title>
</head>
<body>
<script type="text/javascript" src="/dist/js/subPages/productType.js"></script>

<table id="productTypeDg" class="easyui-datagrid" data-options="url:'./../productType/query',rownumbers:true,toolbar:'#productTypeDgTbar',
		pageSize:20,pagination:true,striped:true,fit:true,fitColumns: true,singleSelect: true,selectOnCheck: false,rowStyler: productType.rowStyler">
    <thead>
    <tr>
        <th data-options="field:'id',width:80">ID</th>
        <th data-options="field:'name',width:80">产品分类名称</th>
        <th data-options="field:'typ_pic',width:80">产品分类图片</th>
        <th data-options="field:'sort',width:80">排序</th>
        <th data-options="field:'create_time',width:80">创建时间</th>
        <th data-options="field:'is_check',width:80,formatter: productType.is_checkFormatter">是否有效</th>
    </tr>
    </thead>
</table>
<div id="productTypeDgTbar">
    <table width="100%">
        <tr>
            <td align="left">
                &nbsp;&nbsp;产品分类名称：&nbsp;&nbsp;
                <input id="nameParam" name="name" class="easyui-validatebox" style="width: 150px;">
                &nbsp;&nbsp;是否有效：&nbsp;&nbsp;
                <select id="is_checkParam" name="is_check" style="width: 150px;">
                    <option value="">全部</option>
                    <option value="1">是</option>
                    <option value="0">否</option>
                </select>
                <a class="easyui-linkbutton" href="javascript:void(0);" iconCls="icon-search" plain="true">查 询</a>
            </td>
            <td align="right" width="450px">
            	<a class="easyui-linkbutton" href="javascript:void(0);" iconCls="icon-search" plain="true">查看图片详情</a>
                <a class="easyui-linkbutton" href="javascript:void(0);" iconCls="icon-add" plain="true">添加</a>
                <a class="easyui-linkbutton" href="javascript:void(0);" iconCls="icon-edit" plain="true">修改</a>
                <a class="easyui-linkbutton" href="javascript:void(0);" iconCls="icon-remove" plain="true">删除</a>
                <a class="easyui-linkbutton" href="javascript:void(0);" iconCls="icon-edit" plain="true">恢复使用</a>
                <a class="easyui-linkbutton" href="javascript:void(0);" iconCls="icon-remove" plain="true">永久删除</a>
            </td>
            <td align="right" width="10px">&nbsp;</td>
        </tr>
    </table>
</div>
<div id="productTypeDlg" class="easyui-dialog" style="width:400px;height:450px;padding:20px"
     data-options="resizable:true,modal:true" closed="true" buttons="#productTypeDlgBtn">
    <form id="productTypeFm" class="fm" method="post" novalidate enctype="multipart/form-data">
        <div class="fitem">
            <label> 产品分类名称： </label>
            <input id="id" name="id" type="hidden">
            <input id="name" name="name" class="easyui-validatebox" required="true"
            	data-options="validType: ['maxLength[18]','specialChar']">
        </div>
        <div class="fitem">
            <label> 产品分类图片： </label>
            <input id="typ_pic" name="typ_picFile" type="file">
        </div>
        <div class="fitem">
            <label> 排序： </label>
            <input id="sort" name="sort" class="easyui-validatebox" required="true"
            	data-options="validType: ['num']">
        </div>
    </form>
    <div id="productTypeDlgBtn">
        <a href="#" class="easyui-linkbutton" iconCls="icon-ok">确定</a>
        <a href="#" class="easyui-linkbutton" iconCls="icon-cancel">取消</a>
    </div>
    <div id="productTypeImg" class="easyui-dialog" style="width:400px;height:450px;padding:20px"
   			data-options="resizable:true,modal:true,closable: false" closed="true" buttons="#productTypeImgBtn">
    	<div id="img"></div>
    	<div id="productTypeImgBtn">
	        <a href="#" class="easyui-linkbutton" iconCls="icon-ok">关闭</a>
    	</div>
    </div>
</div>
</body>
</html>